<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>待结算</title>
  <link rel="stylesheet" href="css/weui.css"/>
  <link rel="stylesheet" href="css/weuix.css"/>
  <link rel="stylesheet" href="css/style.css">


  <script src="js/common/zepto.min.js"></script>
  <script src="js/common/zepto.weui.js"></script>
  <script src="js/common/common.js"></script>
</head>
<body ontouchstart>

    <div class="weui-flex head-con">
        <div class="weui-flex__item weui-flex__item_left"><div class="placeholder"><a href="wallet.html"><span class="icon icon-109"></span></a></div></div>
        <div class="weui-flex__item"><div class="placeholder">待结算</div></div>
        <div class="weui-flex__item weui-flex__item_right"><div class="placeholder"><a href="#"><span class="icon icon-40"></span></a></div></div>
    </div>

    <div style="height:48px;"></div>

    <div class="time-sele">
        <div class="time-sele-input">
            <input class="weui-input" id="time" type="text" value="2018-04-05 22:00"><span class="icon icon-74"></span>
        </div>
        <div class="time-sele-info">支出￥200.00 收入￥200</div>
    </div>

    <div class="weui-payrec">
        <div class="weui-cells mt_0">
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd weui-cell_primary">
                    <h2 class="weui_cell_title">2019年4月</h2>
                    <div class="weui_cell_info">4月5日 20:10</div>
                </div>
                <div class="weui-cell__ft">
                    <div class="weui_cell_title">支付成功</div>
                    <div class="weui_cell_info">￥200元</div>
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd weui-cell_primary">
                    <h2 class="weui_cell_title">2019年4月</h2>
                    <div class="weui_cell_info">4月5日 20:10</div>
                </div>
                <div class="weui-cell__ft">
                    <div class="weui_cell_title">支付成功</div>
                    <div class="weui_cell_info">￥200元</div>
                </div>
            </a>
        </div>

        <div class="weui-loadmore">
            <i class="weui-loading"></i>
            <span class="weui-loadmore-tips">正在加载</span>
        </div>
    </div>
    
    <div style="height:55px;"></div>

    <script>
    $("#time").datetimePicker({
        title: '出发时间',
        min: "1990-12-12",
        max: "2022-12-12 12:12",
        onChange: function (picker, values, displayValues) {
            console.log(values);
        }
    });
    </script>

</body>
</html>